﻿* { padding:0;margin:0; }
ul,li{ list-style: none;list-style-type:none;}
.borth_bg {display: none;position: absolute;bottom: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;overflow: hidden;}
/*素材家园 - www.sucaijiayuan.com*/
#datescroll div{float: left;margin-left: 10%;margin-top: 15px;padding-right: 22px;}
#datescroll_datetime div{float: left;margin-left: 10%;padding-right: 22px;}
#yearwrapper{position: absolute;left: 0;top:45px;bottom: 20px;width:80%;}
#monthwrapper{position: absolute;left: 26%;top:45px;bottom:20px;width:80%;}
#daywrapper{position: absolute;left: 50%;top:45px;bottom:20px;width:80%;}
/*增加手指滑动触摸面积*/
#Hourwrapper ul li,#Minutewrapper ul li,#Secondwrapper ul li,#yearwrapper ul li,#monthwrapper ul li,#daywrapper ul li{color: #898989;font-size: 12px;}
#markyear{position:relative; margin-left: 76px;top:-2px;}
#markmonth{position:relative; margin-left: 40px;top:-2px;}
#markday{position:relative; margin-left: 42px;top:-2px;}
#markhour{position:relative; margin-left: 62px;top:-2px;}
#markminut{position:relative; margin-left: 58px;top:-2px;}
#marksecond{position:relative; margin-left: 68px;top:-2px;}
#dateheader{width: 100%;height: 50px;background: #79C12F;text-align: center;color: #fff;line-height: 50px;font-size: 20px;}
#dateconfirm{left:20px;}
#dateshadow{display: none;position: absolute;width: 100%;height: 100%;top:0;left:0;background: #000; filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}
#datePage{font-size: 22px; border-radius: 3px; position:absolute;bottom:0;height: 200px;background: #FFFFFF;z-index:9999999;}
#datemark{font-size: 18px;left:5%;width: 90%;height: 20px;position:absolute;top:108px;background:#eee;border:1px solid #eee;}
#timemark{font-size: 18px;left:5%;width: 90%;height: 20px;position:absolute;top:242px;background:#eee;border:1px solid #eee;}
#datescroll{width:94%; margin:10px 3%;margin-top: 50px;border-radius: 4px;height: 120px;text-align: center;line-height: 40px;}
#datescroll_datetime{display: none;background:#F8F8F8;width:94%; margin:10px 3%;margin-top: 10px;border: 1px solid #E0E0E0;border-radius: 4px;height: 120px;text-align: center;line-height: 40px;}
#yearwrapper ul,#monthwrapper ul,#daywrapper ul{width:40%;}
#Hourwrapper ul,#Minutewrapper ul,#Secondwrapper ul{width:40%;}
#dateFooter{width:100%;background: #fff;height: 2rem;top: 0px;position: absolute;background:#00CCFF;}
#dateFooter section{color:#fff;position: absolute;height: 2rem; text-align:left; line-height:2rem;font-size:1rem;}
#dateFooter section:nth-of-type(2){position: absolute; right:20px;text-align: right;}